<link rel="stylesheet" href="../css/header.css">
<!-- 头部区域 -->
<div class="banner" id="stat">
    <div class="center">
        <div class="hander">
            <p>您好，欢迎光临特步官方商城！ <a href="#">注册</a> <a href="./login.html">登录</a></p>
            <ul>
                <li>
                    <a href="javascript:;">我的特步</a>
                </li>
                <li>
                    <a href="javascript:;">品牌官网</a>
                </li>
                <li>
                    <a href="javascript:;"><span class="iconfont icon-shouji"></span>手机特步<span class="iconfont icon-xiajiantou"></span></a>
                    <img src="../img/mobile_scan.jpg" alt="" class="sao">
                </li>
                <li>
                    <a href="javascript:;" class="add"><span class="iconfont icon-gouwuche"></span>购物车<span class="red">(0)</span> 件</a>
                </li>

            </ul>
        </div>
    </div>
</div>
<!-- 导航区域 -->
<div class="banner bgsc">
    <div class="center ">
        <div class="Navigation">
            <div class="logo">
                <h1>
                    <a href="javascript:;"><img src="../img/logo.png" alt=""></a>
                </h1>
            </div>
            <div class="search">
                <form action="#">
                    <div class="search_input"><input type="text"><input type="button" value="搜索"></div>
                </form>
                <div class="search_hot">
                    <p>
                        <a href="" javascript:; "">热卖搜索：</a>
                        <a href="" javascript:; "">减震旋跑鞋</a>
                        <a href="" javascript:; "">山海休闲鞋</a>
                        <a href="" javascript:; "">动力巢跑鞋</a>
                        <a href="" javascript:; "">猫和老鼠联名款</a>
                        <a href="" javascript:; "">游云篮球鞋</a>

                    </p>
                </div>
            </div>
            <div class="erweima">
                <img src="../img/huiyuan.jpg" alt="">
            </div>
        </div>
    </div>
</div>
<!-- 分类区域 -->
<div class="banner bigd">
    <div class="center">
        <div class="bgc">
            <div class="classification">
                <ul>
                    <li class="goodsClass"><a href="javascrip:;">全部商品分类</a>
                        <ul class="goods">
                            <li>
                                <h4>男鞋</h4>
                                <p>
                                    <span>跑步鞋</span>
                                    <span>篮球鞋</span>
                                    <span>休闲鞋</span>
                                    <span>板鞋</span>
                                    <span>训练鞋</span>
                                    <span>帆布鞋</span>
                                    <span>户外鞋</span>
                                </p>
                            </li>
                            <li>
                                <h4>女鞋</h4>
                                <p>
                                    <span>跑步鞋</span>
                                    <span>篮球鞋</span>
                                    <span>休闲鞋</span>
                                    <span>板鞋</span>
                                    <span>训练鞋</span>
                                    <span>帆布鞋</span>
                                    <span>户外鞋</span>
                                </p>
                            </li>
                            <li>
                                <h4>科技跑鞋</h4>
                                <p>
                                    <span>动力巢科技</span>
                                    <span>减震炫科技</span>
                                    <span>飚速科技</span>
                                    <span>竞速160x</span>
                                    <span>氢云科技</span>
                                    <span>驭能科技</span>
                                    <span>竞训250</span>
                                </p>
                            </li>
                            <li>
                                <h4>潮流尖货</h4>
                                <p>
                                    <span>二次元</span>
                                    <span>机甲系列</span>
                                    <span>山海系列</span>
                                    <span>国潮天乘</span>
                                    <span>怪兽大学</span>
                                    <span>兔八哥联名</span>
                                    <span>猫和老鼠联名</span>
                                    <span>姜子牙联名</span>
                                </p>
                            </li>
                            <li>
                                <h4>男妆</h4>
                                <p>
                                    <span>运动T恤</span>
                                    <span>休闲T恤</span>
                                    <span>短裤</span>
                                    <span>长裤</span>
                                    <span>针织衫/卫衣/长T</span>
                                    <span>短裤</span>
                                    <span>长裤</span>
                                </p>
                            </li>
                            <li>
                                <h4>男鞋</h4>
                                <p>
                                    <span>跑步鞋</span>
                                    <span>篮球鞋</span>
                                    <span>休闲鞋</span>
                                    <span>板鞋</span>
                                    <span>训练鞋</span>
                                    <span>帆布鞋</span>
                                    <span>户外鞋</span>
                                </p>
                            </li>
                            <li>
                                <h4>男鞋</h4>
                                <p>
                                    <span>跑步鞋</span>
                                    <span>篮球鞋</span>
                                    <span>休闲鞋</span>
                                    <span>板鞋</span>
                                    <span>训练鞋</span>
                                    <span>帆布鞋</span>
                                    <span>户外鞋</span>
                                </p>
                            </li>
                            <li>
                                <h4>男鞋</h4>
                                <p>
                                    <span>跑步鞋</span>
                                    <span>篮球鞋</span>
                                    <span>休闲鞋</span>
                                    <span>板鞋</span>
                                    <span>训练鞋</span>
                                    <span>帆布鞋</span>
                                    <span>户外鞋</span>
                                </p>
                            </li>
                        </ul>
                    </li>
                    <li><a href="indxe.html">首页</a></li>
                    <li>
                        <a href="javascrip:;">跑步</a>
                        <div class="card">
                            <div><img src="../img/paobu.jpg" alt=""></div>
                            <div>
                                <p><a href="#">男子跑步</a></p>
                                <p><span><a href="#" class="jump">跑步鞋</a></span><span><a href="#" class="jump">跑步服</a></span></p>
                                <p><a href="#">女子跑步</a></p>
                                <p><span><a href="#">跑步鞋</a></span><span><a href="#">跑步服</a></span></p>
                                <p>
                                    <a href="#">新品推荐</a></p>
                                <p><span><a href="#">减震旋科技</a></span><span><a href="#">动力巢科技</a></span><span><a href="#">气能环科技</a></span><span><a href="#">桑粒方科技</a></span></p>
                                <p>
                                    <a href="#">专题</a></p>
                                <p><span><a href="#">氢风跑鞋</a></span><span><a href="#">减震旋跑鞋</a></span><span><a href="#">动力巢跑鞋</a></span></p>
                            </div>
                        </div>

                    </li>
                    <li><a href="javascrip:;">男子</a>
                        <div class="card">
                            <div><img src="../img/paobu.jpg" alt=""></div>
                            <div>
                                <p><a href="#">男子跑步</a></p>
                                <p><span><a href="#">跑步鞋</a></span><span><a href="#">跑步服</a></span></p>
                                <p><a href="#">女子跑步</a></p>
                                <p><span><a href="#">跑步鞋</a></span><span><a href="#">跑步服</a></span></p>
                                <p>
                                    <a href="#">新品推荐</a></p>
                                <p><span><a href="#">减震旋科技</a></span><span><a href="#">动力巢科技</a></span><span><a href="#">气能环科技</a></span><span><a href="#">桑粒方科技</a></span></p>
                                <p>
                                    <a href="#">专题</a></p>
                                <p><span><a href="#">氢风跑鞋</a></span><span><a href="#">减震旋跑鞋</a></span><span><a href="#">动力巢跑鞋</a></span></p>
                            </div>
                        </div>
                    </li>
                    <li><a href="javascrip:;">女子</a>
                        <div class="card">
                            <div><img src="../img/paobu.jpg" alt=""></div>
                            <div>
                                <p><a href="#">男子跑步</a></p>
                                <p><span><a href="#">跑步鞋</a></span><span><a href="#">跑步服</a></span></p>
                                <p><a href="#">女子跑步</a></p>
                                <p><span><a href="#">跑步鞋</a></span><span><a href="#">跑步服</a></span></p>
                                <p>
                                    <a href="#">新品推荐</a></p>
                                <p><span><a href="#">减震旋科技</a></span><span><a href="#">动力巢科技</a></span><span><a href="#">气能环科技</a></span><span><a href="#">桑粒方科技</a></span></p>
                                <p>
                                    <a href="#">专题</a></p>
                                <p><span><a href="#">氢风跑鞋</a></span><span><a href="#">减震旋跑鞋</a></span><span><a href="#">动力巢跑鞋</a></span></p>
                            </div>
                        </div>
                    </li>
                    <li><a href="javascrip:;">儿童</a>
                        <div class="card">
                            <div><img src="../img/paobu.jpg" alt=""></div>
                            <div>
                                <p><a href="#">男子跑步</a></p>
                                <p><span><a href="#">跑步鞋</a></span><span><a href="#">跑步服</a></span></p>
                                <p><a href="#">女子跑步</a></p>
                                <p><span><a href="#">跑步鞋</a></span><span><a href="#">跑步服</a></span></p>
                                <p>
                                    <a href="#">新品推荐</a></p>
                                <p><span><a href="#">减震旋科技</a></span><span><a href="#">动力巢科技</a></span><span><a href="#">气能环科技</a></span><span><a href="#">桑粒方科技</a></span></p>
                                <p>
                                    <a href="#">专题</a></p>
                                <p><span><a href="#">氢风跑鞋</a></span><span><a href="#">减震旋跑鞋</a></span><span><a href="#">动力巢跑鞋</a></span></p>
                            </div>
                        </div>
                    </li>
                    <li><a href="javascrip:;">配件
                            <div class="card">
                                <div><img src="../img/paobu.jpg" alt=""></div>
                                <div>
                                    <p><a href="#">男子跑步</a></p>
                        <p><span><a href="#">跑步鞋</a></span><span><a href="#">跑步服</a></span></p>
                        <p><a href="#">女子跑步</a></p>
                        <p><span><a href="#">跑步鞋</a></span><span><a href="#">跑步服</a></span></p>
                        <p>
                            <a href="#">新品推荐</a></p>
                        <p><span><a href="#">减震旋科技</a></span><span><a href="#">动力巢科技</a></span><span><a href="#">气能环科技</a></span><span><a href="#">桑粒方科技</a></span></p>
                        <p>
                            <a href="#">专题</a></p>
                        <p><span><a href="#">氢风跑鞋</a></span><span><a href="#">减震旋跑鞋</a></span><span><a href="#">动力巢跑鞋</a></span></p>
            </div>
        </div>
        </a>
        </li>
        <li><a href="javascrip:;">马拉松</a>
            <div class="card">
                <div><img src="../img/paobu.jpg" alt=""></div>
                <div>
                    <p><a href="#">男子跑步</a></p>
                    <p><span><a href="#">跑步鞋</a></span><span><a href="#">跑步服</a></span></p>
                    <p><a href="#">女子跑步</a></p>
                    <p><span><a href="#">跑步鞋</a></span><span><a href="#">跑步服</a></span></p>
                    <p>
                        <a href="#">新品推荐</a></p>
                    <p><span><a href="#">减震旋科技</a></span><span><a href="#">动力巢科技</a></span><span><a href="#">气能环科技</a></span><span><a href="#">桑粒方科技</a></span></p>
                    <p>
                        <a href="#">专题</a></p>
                    <p><span><a href="#">氢风跑鞋</a></span><span><a href="#">减震旋跑鞋</a></span><span><a href="#">动力巢跑鞋</a></span></p>
                </div>
            </div>
        </li>
        <li class="italics"><a href="javascrip:;">团购定制</a></li>
        </ul>
    </div>
</div>
</div>
</div>